<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %><%@ page contentType="text/html;charset=ISO-8859-1"
           %><html:html>
    <head>
        <title>Nueva Tarea</title>
        <html:base/>
        <%@include file="../header/include.jsp" %>
    </head>
    <body>
    <body>
        <div id="header" class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <%--     <ul id="nav">
                         <li><html:link action="/APreTareas.do"><bean:message key="VCrearTarea.label1"/> Cancelar </html:link></li>

                </ul>--%>
            </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1>Nueva Tarea</h1></div>
                            <div  class="ui-widget-content ui-widget">
                                <script type="text/javascript">
                                    $(function() {
                                        $("#tabs").tabs();
                                    });
                                </script>
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Informaci&oacute;n de la Tarea</a></li>
                                        <li><a href="#tabs-2">Relacionados con la Tarea</a></li>


                                    </ul>
                                    <div id="form_container"><html:form styleId="F287814"
                                               action="/ACrearTarea.do" method="post">

                                            <div id="tabs-1">
                                                <html:hidden property="idTarea"/>

                                                <%--input para el asunto de la tarea--%>

                                                <div class="formRow <logic:notEmpty name="asuntoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="asunto">Asunto</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:text styleId="asunto" property="asunto" size="50"/>
                                                    </div>
                                                    <logic:notEmpty name="asuntoError">
                                                        ${asuntoError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519556_C"><label for="519556"><bean:message key="FCrearTarea.label1"/> Asunto </label><html:select styleId="519556" property="asunto"><html:optionsCollection property="listAsunto"/></html:select></p>--%>

                                                <%--input para la fecha de vencimiento--%>

                                                <div class="formRow <logic:notEmpty name="fechaVencimientoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="fechaVencimiento">Fecha de Vencimiento</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:text styleId="fechaVencimiento" property="fechaVencimiento" size="50"/>

                                                        <script>

                                                            $(function() {
                                                                $( "#fechaVencimiento" ).datepicker({
                                                                    changeMonth: true,
                                                                    changeYear: true,
                                                                    yearRange: 'c-110:c+20'

                                                                });
                                                            });
                                                        </script>
                                                    </div>
                                                    <logic:notEmpty name="fechaVencimientoError">
                                                        ${fechaVencimientoError}
                                                    </logic:notEmpty>
                                                </div>

                                                <%--<p id="519559_C"><label for="519559"><bean:message key="FCrearTarea.label2"/> fechaVencimiento </label><html:text styleId="519559" property="fechaVencimiento" size="30" readonly="true" onclick="NewCal('519559','ddmmyyyy');"/></p>--%>


                                                <%--input para la descripcion--%>

                                                <div class="formRow <logic:notEmpty name="descripcionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="descripcion">Descripci&oacute;n</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:textarea styleId="descripcion" property="descripcion" cols="60" rows="10"></html:textarea>
                                                    </div>
                                                    <logic:notEmpty name="descripcionError">
                                                        ${descripcionError}
                                                    </logic:notEmpty>
                                                </div>

                                                <%--input para la prioridad--%>
                                                <div class="formRow <logic:notEmpty name="prioridadError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="prioridad">Prioridad</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:select styleId="prioridad" property="prioridad"><html:optionsCollection property="listaPrioridad"/></html:select>
                                                    </div>
                                                    <logic:notEmpty name="prioridadError">
                                                        ${prioridadError}
                                                    </logic:notEmpty>
                                                </div>

                                                <div class="formRow <logic:notEmpty name="estadoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="estado">Estado</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:select styleId="estado" property="estado"><html:optionsCollection property="listaEstado"/></html:select>
                                                    </div>
                                                    <logic:notEmpty name="estadoError">
                                                        ${estadoError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519578_C"><label for="519578"><bean:message key="FCrearTarea.label5"/> Prioridad </label><html:select styleId="519578" property="prioridad"><html:optionsCollection property="listaPrioridad"/></html:select></p>--%>

                                                <%--input para telefono--%>
                                                <div class="formRow <logic:notEmpty name="telefonoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="telefono">Tel&eacute;fono</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:text styleId="telefono" property="telefono" size="50"/>
                                                    </div>
                                                    <logic:notEmpty name="telefonoError">
                                                        ${telefonoError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519581_C"><label for="519581"><bean:message key="FCrearTarea.label6"/> Telefono </label><html:text styleId="519581" property="telefono" size="30"/></p>--%>

                                                <%--input para el correo electronico--%>
                                                <div class="formRow <logic:notEmpty name="correoElectronicoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="correoElectronico">Correo Electr&oacute;nico</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:text styleId="correoElectronico" property="correoElectronico" size="50"/>
                                                    </div>
                                                    <logic:notEmpty name="correoElectronicoError">
                                                        ${correoElectronicoError}
                                                    </logic:notEmpty>
                                                </div>
                                            </div>
                                            <div id="tabs-2">
                                                <%--<p id="519584_C"><label for="519584"><bean:message key="FCrearTarea.label7"/> Correo Electronico </label><html:text styleId="519584" property="correoElectronico" size="30"/></p>--%>

                                                <%--input para el personal--%>
                                                <div class="formRow <logic:notEmpty name="personalError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="personal">Personal Asociado</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:select styleId="personal" property="personal"><html:optionsCollection property="listaPersonal"/></html:select>
                                                    </div>
                                                    <logic:notEmpty name="personalError">
                                                        ${personalError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519590_C"><label for="519590"><bean:message key="FCrearTarea.label9"/> Personal </label></p>--%>

                                                <%--input para la cuenta--%>
                                                <div class="formRow <logic:notEmpty name="cuentaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="cuenta">Cuenta Asociada</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:select styleId="cuenta" property="cuenta"><html:optionsCollection property="listaCuentas"/></html:select>
                                                    </div>
                                                    <logic:notEmpty name="cuentaError">
                                                        ${cuentaError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519602_C"><label for="519602"><bean:message key="FCrearTarea.label11"/> Cuenta </label><html:select styleId="519602" property="cuenta"><html:optionsCollection property="listaCuentas"/></html:select></p>--%>

                                                <%--input para el contacto--%>
                                                <div class="formRow <logic:notEmpty name="contactosError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="contactos">Contacto Asociado</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:select styleId="contactos" property="contactos"><html:optionsCollection property="listaContactos"/></html:select>
                                                    </div>
                                                    <logic:notEmpty name="contactosError">
                                                        ${contactosError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519608_C"><label for="519608"><bean:message key="FCrearTarea.label13"/> Contactos </label><html:select styleId="519608" property="contactos"><html:optionsCollection property="listaContactos"/></html:select></p>--%>
                                                <%--input para las oportunidades--%>
                                                <div class="formRow <logic:notEmpty name="oportunidadesError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                    <div class="labelRow">
                                                        <label for="oportunidades">Oportunidad Asociada</label>
                                                    </div>
                                                    <div class="inputRow">
                                                        <html:select styleId="oportunidades" property="oportunidades"><html:optionsCollection property="listaOportunidades"/></html:select>
                                                    </div>
                                                    <logic:notEmpty name="oportunidadesError">
                                                        ${oportunidadesError}
                                                    </logic:notEmpty>
                                                </div>
                                                <%--<p id="519614_C"><label for="519614"><bean:message key="FCrearTarea.label15"/> Oportunidades </label><html:select styleId="519614" property="oportunidades"><html:optionsCollection property="listaOportunidades"/></html:select></p>--%>
                                                <%--inputa para el estado--%>

                                                <%--<p id="520063_C"><label for="520063"><bean:message key="FCrearTarea.label18"/> Estado </label><html:select styleId="520063" property="estado"><html:optionsCollection property="listaEstado"/></html:select></p>--%>

                                            </div>
                                            <%--<p id="520233_C"><label for="520233"><bean:message key="FCrearTarea.label20"/> Relaciona Con </label><html:select styleId="520233" property="relacionaCon"><html:optionsCollection property="listaRelacionadosCon"/></html:select></p>--%>

                                            <html:submit styleClass="fg-button-mini fg-button ui-state-default" style="padding: 5px 10px 5px 10px;">Guardar</html:submit>
                                        </html:form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="right"><%@include file="../administrador/VMenuAdmin.jsp" %></div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <%@include file="/footer/include.jsp" %> </div>

    </body>
</html:html>